<div class="modal-header dialog-header-warning">
  <h4 class="modal-title">
    <span class="glyphicon glyphicon-warning-sign">
    </span>
    <span class="title" ng-i18next>
      avAdmin.census.modals.addCsvHeader
    </span>
    <button type="button" class="close pull-right" ng-click="cancel()">×</button>
  </h4>
</div>
<div class="modal-body">
  <p>
    <span ng-i18next>
      avAdmin.census.modals.addCsvBody
    </span>
    <a href="" class="learn-more" target="_blank" ng-i18next>
      avAdmin.learnMore
    </a>
  </p>
  <p class="text-muted">
    <span ng-i18next>eg</span>
    <span ng-repeat="ef in election.census.extra_fields">
      {{ ef.name | htmlToText }}<span ng-if="!$last">;<span>
    </span>
  </p>
  <form class="form">
    <div class="form-group">
      <textarea
        id="csv-textarea"
        class="form-control"
        ng-i18next="[placeholder]avAdmin.census.modals.addCsvTextareaPlaceholder"
        ng-model="textarea">
      </textarea>
    </div>
  </form>
</div>
<div class="modal-footer">
  <button class="btn btn-success" ng-click="ok()" ng-i18next>
    avAdmin.census.modals.confirmAddCsvButton
  </button>
  <button class="btn" ng-click="cancel()" ng-i18next>
    avAdmin.dashboard.modals.cancel
  </button>
</div>